import { Modal, Steps, Image } from "antd";
import { useEffect, useState } from "react";
import '../../assets/css/questions/questions.less'
function questionsDalig({ onCancel, onCloce, rowData }: any) {
    const [current, setCurrent] = useState(0);
    return (
        <Modal
            open={true}
            footer={null}
            width={1000}
            height={313}
            onCancel={(() => onCloce())}
        >
            <div style={{ textAlign: "center" }}>
                <div className="xaing">详情</div>
            </div>
            <div className="topbox">
                <div className="top">
                    <div className="name">
                        <span>提交人：</span>
                        <div className="neirong">{rowData.username}</div>
                    </div>
                    <div className="name">
                        <span>维修地址：</span>
                        <div className="neirong">{rowData.address}</div>
                    </div>
                    <div className="name">
                        <span>手机号：</span>
                        <div className="neirong">{rowData.tel}</div>
                    </div>
                </div>
                <div className="top1">
                    <div className="name">
                        <span>问题类型：</span>
                        <div className="neirong">{rowData.address}</div>
                    </div>
                    <div className="name">
                        <span>问题描述：</span>
                        <div className="neirong">{rowData.content}</div>
                    </div>
                </div>
            </div>
            <div className="imgbox">
                <div>
                    {
                        rowData.images.map((item: any) => (
                            <Image
                                width={75}
                                src={import.meta.env.VITE_API_BASE_IMA_URL + item.url}
                            />
                        ))
                    }
                </div>
            </div>
            <div className="buttombox">
                <Steps
                    current={current}

                     status="process"
                    items={[
                        {
                            title: '等待处理',
                            
                        },
                        {
                            title: '正在处理',
                        },
                        {
                            title: '处理完成',
                        },
                        {
                            title: '已评价',
                        },
                    ]}
                />
            </div>

        </Modal >
    )
}
export default questionsDalig
